<!--
@description: 笔记
@creationTime: 2025-04-24
-->

<route type="page" lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '工单日志'
  }
}
</route>

<template>
  <view class="pt-3">
    <wd-card v-for="item in 8" :key="item">
      <view class="py-3 flex gap-2">
        <view class="w-20vw h-20vw border-rd-20%">
          <image class="w-20vw h-20vw border-rd-20%" src="/src/static/工程图.jpg" mode="center" />
        </view>
        <view class="flex-1">
          <view class="flex justify-between">
            <view>
              <text class="text-gray-800 font-size-32rpx font-600 mr-3">张某某</text>
              <text class="text-gray-500 font-size-25rpx px-6rpx py-3rpx bg-red border-rd-30% c-#fff">150</text>
            </view>
            <text class="text-gray-500 font-size-24rpx">2025-01-12</text>
          </view>
          <view>
            <text class="text-gray-400 font-size-25rpx">
              这笔钱干嘛了这笔钱干嘛了这笔钱干嘛了这笔钱干嘛了这笔钱干嘛了这笔钱干嘛了这笔钱干嘛
            </text>
          </view>
        </view>
      </view>
    </wd-card>
  </view>
  <wd-fab position="right-bottom" :expandable="false" :draggable="true">
    <template #trigger>
      <view class="bg-#44d19f border-rd-50%">
        <wd-button type="icon" @click="handleClick">
          <wd-icon name="add" size="50rpx" color="#fff" />
        </wd-button>
      </view>
    </template>
  </wd-fab>
</template>

<script lang="ts" setup>
const handleClick = e => {
  uni.navigateTo({
    url: '/pages/ticket/cost/detail'
  })
}
</script>

<style lang="scss" scoped></style>
